<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>天地图案例导航</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"></link>
	</head>
    <body> 
		<div style="width:100%">
			<div>
				<ul class="nav blue">
					<li src="案例/地图的基本加载.html"><a>1.地图的基本加载</a></li>
					<li src="案例/地图的基本操作.html"><a>2.地图的基本操作</a></li>
					<li src="案例/地图参数设置.html"><a>3.地图参数设置</a></li>
					<li src="案例/覆盖物.html"><a>4.覆盖物</a></li>
					<li src="案例/图形绘制.html"><a>5.图形绘制</a></li>
					<li src="案例/按比例轨迹移动.html"><a>6.按比例轨迹移动</a></li>
					<li src="案例/按比例显示所有标注.html"><a>7.按比例显示所有标注</a></li>
				</ul>
			</div>
			<div>
				<iframe height="650px" width="100%" frameborder="0"></iframe>
			</div>
		</div>
    </body>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function (){
			$("body div div ul li").click(function (){
				$("iframe").attr("src", $(this).attr("src"));
			});
			
			$("body div div ul li").eq(0).click();
		});
	</script>
</html>